<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			a{
				text-decoration: none;
				height: 50px;
				width: 100px;
				background-color: red;
				display: inline-block;
				color: #0000FF;
				text-align: center;
				line-height: 50px;
			}
			a:hover{
				color: green;
				background-color: #FFA500;
				
			}
		 
		
		</style>
		
		
		
		
	</head>
	<body>
		<a href="#">导航1</a>
		<a href="#">导航2</a>
		<a href="#">导航3</a>
		<a href="#">导航4</a>
		<a href="#">导航5</a>

	</body>
</html>
